﻿*{
  padding: 0;
  font-size: 14px
}
ul,  li {
  list-style-type: none;
}

.bannerWapper{
    height: 1150px;
}

body {
    margin: 0px!important;
    height: 100%;
    /* background: black; */
}

/*main.js*/
.content{
  height: 100%;
  width: 100%;
  position: relative;
}
.bodyWapper{
    /*height: 2380px;*/
    background: #dde7fe;
}
.introWrapper{
    /*position: relative;*/
    /*top:1000px;*/
    /*margin-top: -500px;*/
    padding-top:34em;
    font-size: 16px;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #dde7fe;
}

@media only screen and (min-width:1400px) and (max-width:1719px) {
  .introWrapper{
    padding-top: 23em;
    font-size: 14px;
  }
}
@media only screen and (max-width:1399px) {
.introWrapper{
    padding-top: 10em;
    font-size: 12px;
  }
}
/* flex布局class*/
.dfr{
  display: flex;
  /* //伸缩盒从上到下*/
  flex-direction:row
}
.dfc{
  display: flex;
 flex-direction:column 
}
/*//justify-content*/
.jsfs{
  justify-content: flex-start;
}
.jsfe{
  justify-content: flex-end;
}
.jsc{
  justify-content: center;
}
.jssb{
  justify-content: space-between;
}
.jssa{
  justify-content: space-around;
}
/*//align-items*/
.aifs{
  align-items: flex-start
}
.aife{
  align-items: flex-end
}
.aic{
  align-items: center
}
.aib{
  align-items: baseline
}
/*align-self*/
.asfs{
  align-self: flex-start
}
.asfe{
  align-self: flex-end
}
.asc{
  align-self: center
}
.asb{
  align-self: baseline
}
/*//flex-wrap*/
.fww{
  flex-wrap: wrap;
}


/*常用font-size*/
.fs36{
  font-size: 36px;
}
.f16{
  font-size: 16px
}

/*a*/
a:link{
  text-decoration: none;
}



